@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url(component.min.css);
@import url(layout.min.css);
@import url(cart.min.css);
@import url(account.min.css);
:root {
	--primary: #b72025;
	--secondry: rgb(238, 27, 73);
	--black: #000;
	--text-color: #828282;
}

::selection {
	background: var(--primary);
	color: var(--white);
}

::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	background: rgb(0 0 0 / 0%);
}

::-webkit-scrollbar-thumb {
	background: rgb(0 0 0 / 0.5);
}

::-webkit-scrollbar-thumb:hover {
	background: rgb(0 0 0 / 0.8);
}

html,
body {
	height: 100%;
}

html {
	font-size: 16px;
	line-height: 1;
}

body {
	background: var(--white);
	color: var(--black);
	font-family: 'Montserrat', sans-serif;
	font-size: 1.125rem;
	font-weight: 500;
	line-height: 1.6;
}

a,
button {
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

a:hover,
button:hover {
	text-decoration: none;
}

p {
	font-size: 1.125rem;
	color: var(--text-color);
	line-height: 1.6;
	margin-bottom: 1.5rem;
}

img {
	max-width: 100%;
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

h1 {
}

h2 {
	font-size: 3.125rem;
	font-weight: 500;
	text-transform: uppercase;
}

h3 {
	font-size: 1.875rem;
	font-weight: 500;
	text-transform: capitalize;
}

h4 {
}

.mainBanner video {
	/* position: absolute; */
	object-fit: cover;
	z-index: -1;
	height: 700px;
}
.mainBanner .overlay {
	position: absolute;
}

.mainBanner {
	/* min-height: 58.125rem; */
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}

.mainBanner * {
	color: var(--white);
}

.mainBanner h4 {
	font-weight: 600;
}

.mainBanner h4 i {
	font-size: 1rem;
	margin-right: 5px;
	color: #eeb808;
}

.mainBanner h2 {
	font-size: 4.6875rem;
	margin: 0;
}

.mainBanner p {
	font-size: 1.375rem;
	width: 56%;
}

.aboutSec {
	padding: 6rem 0;
}

.aboutSec h2 span {
	display: block;
	text-transform: capitalize;
	font-size: 1.375rem;
}

.aboutSec h3 {
	margin-bottom: 2rem;
}

figure.square {
	position: relative;
	margin: 0;
}

figure.square:before {
	content: '';
	width: 28.75rem;
	height: 27.5rem;
	border: 10px solid var(--primary);
	position: absolute;
	top: -3rem;
	left: -3rem;
	z-index: -1;
}

.proSec {
	padding: 2rem 0 7rem;
}

.proThumb {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
	background: #f7f7f7;
}

.proThumb img {
	position: relative;
	mix-blend-mode: darken;
}

.proThumb span {
	display: block;
	padding: 1rem 0;
	color: var(--black);
	font-size: 1.875rem;
	font-weight: 600;
}

.proThumb:hover {
	box-shadow: 0 0 60px rgb(0 0 0 / 20%);
	transform: scale(1.1);
}

.servicesSec .content {
	background: var(--white);
	padding: 3rem 2rem;
	margin-left: -10rem;
}

.servicesSec .flex-row-reverse .content {
	margin-left: auto;
	margin-right: -10rem;
}

.servicesSec .flex-row-reverse figure.square:before {
	left: auto;
	right: -3rem;
}

.howItWorkSec {
	padding: 2rem 0 7rem;
}

.workThumb {
	position: relative;
	margin-bottom: 2rem;
	text-align: center;
}

.workThumb .white {
	width: 18.125rem;
	height: 18.125rem;
	padding: 1.5rem;
	background: var(--white);
	border: 2px dashed #707070;
	position: relative;
	transition: ease all 0.5s;
	transform: rotate(45deg);
	margin: 0 auto 6rem;
}

.workThumb:hover .white {
	transform: rotate(-45deg);
}

.workThumb .white .red {
	background: #f2f2f2;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	transition: ease all 0.5s;
}

.workThumb:hover .white .red {
	background: var(--primary);
}

.workThumb .white .red img {
	transform: rotate(-45deg);
	transition: ease all 0.5s;
}

.workThumb:hover .white .red img {
	filter: invert(1);
	transform: rotate(45deg);
}

.workThumb .content {
	width: 75%;
	margin: 0 auto;
}

.TestimonialSec {
	background: #f2f2f2;
	padding: 5rem 0 6rem;
}

.testiThumb {
	text-align: center;
	padding: 0 2rem 2.5rem 2rem;
	margin-top: 6rem;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	border: 3px solid transparent;
	border-radius: 1.375rem;
	transition: ease all 0.5s;
}

.testiThumb:hover {
	border-color: var(--primary);
	background: var(--white);
}

.testiThumb img.d-block {
	border-radius: 100px;
	margin: -6rem auto 1.5rem;
}

.testiThumb p {
	margin: 1rem 0 0;
	font-style: italic;
}

.testiThumb strong {
	font-size: 2.125rem;
	color: var(--primary);
}

.sponsorSec {
	padding: 3rem 0;
}

/* Inner Pages Css Start */

/* About Us Page Css Start */

.aboutInner {
	/* background: url(../images/about-ban.jpg) center/cover no-repeat;
  padding: 0% 0px 29%; */
	position: relative;
	min-height: 700px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.aboutInner video {
	position: absolute;
	object-fit: cover;
	z-index: -1;
}

.aboutInner h2 {
	font-size: 4.6875rem;
	color: white;
	text-transform: capitalize;
	padding-left: 4rem;
}

.wtxPara {
	padding-top: 1.875rem;
}

.prodImg span {
	font-size: 1rem;
}

.prodImg {
	text-align: center;
}

.prodImg img {
	margin-bottom: 1rem;
}

.aboutProdSec .row + .row {
	padding-top: 3rem;
}

.prodContent {
	padding-top: 3rem;
}

.aboutProdSec {
	padding-bottom: 3rem;
}

/* About Us Page Css End */

/* Engineering Page Css Start */

.engContent {
	text-align: center;
}

.engContent h2 {
	font-weight: 400;
	margin-bottom: 1.25rem;
	text-transform: capitalize;
}

.engContent p {
	margin-bottom: 2.5rem;
}

.engProd span {
	font-size: 1.625rem;
	font-weight: 400;
}

.engProd {
	text-align: center;
}

.engProd img {
	margin-bottom: 10px;
}

.engHead h2 {
	font-weight: 400;
	text-align: center;
	text-transform: capitalize;
}

.engHead {
	padding-top: 2.5rem;
}

.engHead2 h2 {
	font-weight: 400;
	text-align: center;
	text-transform: capitalize;
}

.engHead2 {
	padding: 2.5rem 0;
}

.engineeringSec {
	padding: 6.25rem 0;
}

/* Engineering Page Css End */

/* Facilities Page Css Start */

figure.box {
	position: relative;
	margin: 0;
	margin-bottom: 1rem;
}

figure.box:before {
	content: '';
	width: 22.75rem;
	height: 22.5rem;
	border: 10px solid var(--primary);
	position: absolute;
	top: -28px;
	z-index: -1;
}

.facilitieSec figure.box:before {
	left: auto;
	right: 90px;
}

.facilitieSec {
	padding-top: 100px;
}

.faciliteContent h2 {
	text-transform: capitalize;
	font-weight: 400;
	margin-bottom: 1.5625rem;
}

.faciliteContent p {
	margin-bottom: 2.1875rem;
}

.facilitieImg .fact1 {
	margin-left: -135px;
	margin-right: 5px;
}

.factmainHead h2 {
	text-transform: capitalize;
	font-weight: 400;
}

.factmainHead {
	text-align: center;
	padding-top: 4.375rem;
}

.faciliteprodSec .row + .row {
	padding-top: 1rem;
}

.faciliteprodSec {
	padding-bottom: 1rem;
}

figure.shipBox {
	position: relative;
	margin: 0;
}

figure.shipBox:before {
	content: '';
	width: 21.75rem;
	height: 22.5rem;
	border: 10px solid var(--primary);
	position: absolute;
	top: -28px;
	left: -28px;
	z-index: -1;
}

.shipHead h2 {
	text-align: center;
	font-weight: 400;
	text-transform: capitalize;
	margin-bottom: 3.125rem;
}

.shipHead {
	padding-top: 3.125rem;
}

.shipContent h2 {
	font-size: 1.625rem;
}

.shipContent p {
	width: 82%;
	line-height: 1.8;
}

.facilities {
	margin-bottom: 3.125rem;
}

/* Facilities Page Css Start */

/* Installation Page Css Start */

.installHead h2 {
	text-transform: capitalize;
	font-weight: 400;
}

.installHead {
	text-align: center;
}

.installationImages span {
	font-size: 1.625rem;
	font-weight: 400;
}

.installationImages {
	text-align: center;
}

.installationImages img {
	margin-bottom: 10px;
}

.machine {
	padding-top: 10px;
	padding-bottom: 4.375rem;
}

.installationSec {
	padding: 6.25rem 0;
}

/* Installation Page Css End */

/* Contact Us Page Css Start */

.contactInner {
	/* background: url(../images/contact-ban.jpg) center/cover no-repeat; */
	padding: 15% 0px;
}

.icons-txt h4 {
	font-size: 1.125rem;
	color: black;
	text-transform: uppercase;
}

.icons-txt a {
	color: #767676;
}

.icons-txt {
	padding-top: 10px;
}

.contact-inn-sec {
	padding: 6.25rem 0;
}

.mn-icons {
	border: 1px solid #b72025;
	height: 350px;
	padding: 3rem 0px;
}

.contact-inn-sec {
	padding: 6.25rem 0;
}

.mn-icons:hover {
	background-color: #b72025;
}

.mn-icons:hover h4 {
	color: white;
}

.mn-icons:hover a {
	color: white;
}

.mn-icons:hover p {
	color: white;
}

.mn-icons:hover img {
	mix-blend-mode: lighten;
}

.simple-img {
	height: 150px;
	object-fit: cover;
	object-position: bottom;
	width: 180px;
	transition: 0.5s all ease-in-out;
}

.mn-icons:hover .simple-img {
	object-position: top;
}

.inn-cntct input {
	height: 60px;
	border-radius: 0;
	border: 1px solid #707070;
}

.inn-cntct input::placeholder {
	font-size: 14px;
	color: #9f9f9f;
	padding-left: 15px;
}

.inn-cntct .form-group {
	margin-bottom: 1.75rem;
}

.submitBtn .themeBtn {
	background-color: #b72025;
	border: none;
	color: white;
	font-size: 1rem;
	padding: 12px 1.5625rem;
	text-transform: uppercase;
	font-weight: 500;
	transition: ease-in-out 0.5s;
}

.submitBtn .themeBtn:hover {
	background-color: black;
}

.submitBtn {
	text-align: end;
}

.mapSec {
	padding-top: 6.25rem;
}

/* Contact Us Page Css End */

/* Product Page Css Start */

.productHead h2 {
	font-size: 3.125rem;
	text-transform: capitalize;
	font-weight: 400;
}

.productHead h3 {
	font-weight: 400;
}

.voltage p {
	margin: 0px;
	margin-bottom: 3px;
}

.voltage p span {
	padding-left: 4.875rem;
}

.productImagess span {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 0.3;
}

.productImagess {
	text-align: center;
	padding-top: 1rem;
}

.productImagess img {
	padding-bottom: 15px;
}

.machineImg {
	padding-top: 1.875rem;
	padding-bottom: 10px;
}

.oilType h3 {
	font-weight: 400;
	padding-bottom: 1.25rem;
}

.oilType p {
	margin: 0;
	margin-bottom: 5px;
}

.oilType {
	padding-top: 2.5rem;
	padding-bottom: 1.5625rem;
}

.sheet {
	padding: 50px 0;
}

.dryHead h2 {
	text-transform: capitalize;
	text-align: center;
	font-size: 1.875rem;
	font-weight: 400;
	padding-bottom: 1.875rem;
	padding-top: 10px;
}

.productSec {
	padding: 6.25rem 0;
}

/* Product Page Css End */

/* Inner Pages Css End */

.chartBox .table-bordered td,
.table-bordered th {
	border: 1px solid #dee2e6;
	vertical-align: middle;
	text-align: center;
	padding: 9px 20px;
}

.chartBox .table {
	margin-bottom: 0;
}

.chartBox .table-bordered thead td,
.table-bordered thead th {
	vertical-align: middle;
}

.sliderbg {
	background: #0000006e;
	width: 88%;
	padding: 20px;
}
.mainBanner p span {
	font-weight: bold;
	font-style: italic;
}